<template>
	<div class="author-container">
		<div class="header">
			<pan-thumb image="https://img4.sycdn.imooc.com/61110c2b0001152907400741-140-140.jpg" height="60px"
				width="60px" :hoverable="false">
				煊
			</pan-thumb>
			<div class="header-desc">
				<h3>李煊</h3>
				<span>{{ $t('msg.profile.job') }}</span>
			</div>
		</div>
		<div class="info">
			Gitee地址：https://gitee.com/li-xuan-a
		</div>
	</div>
</template>

<script setup>
	import PanThumb from '@/components/PanThumb/index.vue'
	import {} from 'vue'
</script>

<style lang="scss" scoped>
	.author-container {
		.header {
			display: flex;

			.header-desc {
				margin-left: 12px;
				display: flex;
				flex-direction: column;
				justify-content: space-around;

				span {
					font-size: 14px;
				}
			}
		}

		.info {
			margin-top: 16px;
			line-height: 22px;
			font-size: 14px;
		}
	}
</style>
